/* AUTHOR: Yiwei (Alan) Han */

#feed-content {
	position: fixed;
	width: 10%;
	min-width:130px;
	/* height: 100%;*/
	z-index: 100;
	background-color:#000000;
	color: #FFFFFF;
	opacity:0.6;
	filter:alpha(opacity=60);
	overflow:auto;
	top:30px;
	bottom:35px;
}

.feed_header{
	border-bottom: 2px solid #333333;
	padding: 2px 6px 2px 6px;
	text-align:center;
	margin: 15px;
	margin-bottom: 16px;
	font: 30px "Trebuchet MS";
	text-transform:uppercase;
	letter-spacing: 0.2em;
}

.feed-menu{
	width: 100%;
	background-color: #000000;
	padding: 2px 6px 2px 6px;
	text-align:center;
}

.feed-menu-button{
	background-color: #000000;
	float:left;
	width:50%;
	height:50px;
	text-align:center;
}

.feed-menu-button img, .feed-menu-button-mouseover img {
	margin-top:5px;
}

.feed-menu-button-mouseover{
	background-color: #111111;
	float:left;
	width:50%;
	height:50px;
	text-align:center;
	cursor:pointer;
}

.feed_body{
	width: 100%;
	font: 12px "Trebuchet MS";
}

.feed_time{
	width: 100%;
	margin-top: 3px;
	font: 9px "Trebuchet MS";
	text-align:right;
}

.feed_hide{
	visibility:hidden;
}

.feed_show{
	visibility:visible;
}

.feed_read{
	border-bottom: 1px solid #333333;
	padding: 2px 6px 2px 6px;
	margin: 10px;
	margin-bottom: 11px;
}

.feed_unread{
	border-bottom: 1px solid #333333;
	padding: 2px 6px 2px 6px;
	margin: 10px;
	margin-bottom: 11px;
}

#post-dialog{
	position: absolute;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 100;
	top: 30px;
	/*left: 10%;*/
	width: 300px;
	height: 350px;
	display:none;
	text-align:center;
	padding-bottom:20px;
	margin-left:10%;
}

#friend-dialog{
	position: absolute;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 100;
	top: 30px;
	/*left: 130px;*/
	width: 300px;
	height: auto;
	max-height: 500px;
	overflow:auto;
	display:none;
	margin-left:10%;
}

#add-friend-dialog {
	position: absolute;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 100;
	top: 40%;
	left: 40%;
	width: 300px;
	height: 90px;
	display:none;
	text-align:center;
}

#add-friend-dialog p {
	margin-top:10px;
}

#add-friend-dialog #friend-email {
	clear:both;
	margin:5px 0;
}

#post-area{
	padding: 5px;
	resize: none;
	font: 15px "Trebuchet MS";
	width:80%;
}

#post-header{
	padding:20px;
	border-bottom: 3px solid #333333;
}

#post-area-container{
	padding-top: 20px;
}

#friend-header{
	padding:15px 0 0 0;
	text-align:center;
	border-bottom: 3px solid #333333;
}

.friend-item{
	border: 1px solid #222222;
	background-color: #222222;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	cursor:pointer;
	height:20px;
}

.friend-item:hover {
	background-color: #333333;
	border:1px solid #333333;
}


.friend-pending-button {
	color: #DDDDDD;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #DDDDDD;
	background-color:#555555;
	border-radius: 10px;
	cursor:pointer;
	float:right;
}

.friend-pending-button-red {
	color: #D8000C;
	border: 1px solid #D8000C;
	background-color:#FFBABA;
	border-radius: 10px;
	cursor:pointer;
	float:right;
}

.friend-pending-button-green {
	color: #4F8A10;
	border: 1px solid #4F8A10;
	background-color:#DFF2BF;
	border-radius: 10px;
	cursor:pointer;
	float:right;
}

.post-submit{
	float:right;
	padding:10px;
	margin-top: 10px;
	margin-right: 20px;
	text-align:center;
	background-color: #222222;
	width: 75px;
	border-radius: 3px;
	cursor:pointer;
}

.post-submit-mouseover{
	float:right;
	padding:10px;
	margin-top: 10px;
	margin-right: 20px;
	text-align:center;
	background-color: #333333;
	width: 75px;
	border-radius: 3px;
	cursor:pointer;
}

.post-error_text{
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	font: 10px "Trebuchet MS";
}

.post-error_red{
	border: 1px solid #D8000C;
	position: absolute;
	left: 197px;
	top: 332px;
	height: 25px;
	z-index: 100;
	color: #D8000C;
	background-color:#FFBABA;
	display: none;
}

.post-error_green{
	border: 1px solid #4F8A10;
	position: absolute;
	left: 197px;
	top: 332px;
	height: 25px;
	z-index: 100;
	color: #4F8A10;
	background-color:#DFF2BF;
	display: none;
}

span.addFriend {
    color: #DDDDDD;
    float: right;
    font-size: 18px;
    height: 15px;
    line-height: 0.9em;
    margin-right: 5px;
    width: 15px;
    
}

span.addFriend:hover{
	color: #FFFFFF;
	cursor:pointer;
}

#friend-error {
	border: 1px solid #D8000C;
	position: absolute;
	left: 420px;
	top: 235px;
	height: 25px;
	z-index: 100;
	color: #D8000C;
	background-color:#FFBABA;
	display: none;
}

#feed-dimmer{
	position:absolute;
	background: #000000;
	z-index: 19;
	width: 100%;
	height: 95%;
	opacity:0.7;
	filter:alpha(opacity=70);
	display:none;
}